<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="sider.css">
</head>

<body>
    <div class="page">
        <div class="sidebar">
            <h2>橙子之家</h2>
            <a href="home.html">首页</a>
            <a href="pageOne.html">栽培技术</a>
            <a href="pageTwo.html">药用价值</a>
            <a href="PageThree.html">相关知识</a>
            <a href="PageFour.html">新鲜橙子</a>
            <a href="pageFive.html">留言板</a>
        </div>

        <!-- 栽培技术区域 -->
        <div class="content">
            <div class="content-container">
                <!-- 顶部图片区域 -->
                <div class="img">
                    <div class="imgContainer">
                        <img src="./assert//img/origin3.jpg" alt="">
                    </div>
                </div>
                <!-- 文字描述区域 -->
                <div class="txt">
                    <h2>相关知识</h2>
                    <ul>
                        <li><strong>橘子：</strong>橘子颜色鲜艳，酸甜可口，外观整齐漂亮，深受人们喜爱的水果，也是走亲访友、探望病人的礼品水果之一。其种类很多，最受青睐的主要有脐橙、冰糖橙、血橙和美国新奇士橙。橘子被称为“疗疾佳果”，含有丰富的维生素C、钙、磷、β-胡萝卜素、柠檬酸、橙皮以及酵、酶、硫胺素等物质。
                        </li>

                        <li><strong>肌肤问题:</strong>只需要一个橘子，就可以让你的肌肤白皙、水嫩！让自然的力量呵护你的肌肤，给你最温柔最舒适的保护，让你的夏日皮肤有最美的享受！（注意根据自己的肤质谨慎尝试）
                        </li>
                        <li><strong>橘子卸妆:</strong>推荐原因：皮肤的毛孔容易被堵塞，彻底地卸妆和清洁显得非常重要重要。功效：彻底清除面部污垢和油脂，深层洁肤
                            方法：用洗面奶或化妆棉浸透橘汁后擦拭面部皮肤，让皮肤充分吸收橘汁，5分钟后用清水洗净即可。提醒：敏感肌肤在使用前可将橘汁稍加稀释，然后在手背上试一下是否过敏，再决定是否使用。另外，在使用橘汁洁肤后避免阳光直射。
                        </li>
                        <li><strong>橘瓣眼膜:</strong>功效：促进血液循环，补充眼部水分 方法：将橘瓣切成薄片当眼膜敷用，敷在眼睛下方后用手指轻轻按压以助吸收，大约持续10-15分钟左右。
                        </li>
                        <li><strong>橘皮按摩:</strong>推荐原因：“进补”过渡导致粗糙皮组织出现，橘皮具有很好的“抗氧化组织”功能
                            方法：把橘皮清洗干净后用橄榄油浸泡，然后按摩身体上相应的粗糙皮组织部位，并在按摩时均匀用力挤出橘皮中的汁液，按摩完毕后用清水洗净皮肤。</li>

                        <li>
                            <strong>橘皮磨砂:</strong>推荐原因：橘皮含有丰富的类黄酮成分和维生素C能促进皮肤新陈代谢，提高皮肤毛细血管的抵抗力。功效：去死皮，美白
                            方法：把整只鲜橘带皮切开，装入纱布包裹好，直接在手脚、膝盖、脚踝等粗糙的部位摩擦，便可去掉死皮。
                        </li>
                        <li>
                            <strong>谐音寓意:</strong>
                            橘子的谐音有：橘（吉）心如意、诚（橙）心诚意、意（义）心想事成、事业有成（橙）、功成（橙）双成（橙）对，比翼双飞，“我爱你……”。含义：带叶子的橘子（青枝绿叶），也带有吉祥的意味。另外橘子还含有约定的内涵。因此相比其它水果橘子有着特别特殊的含义。对于情而言橘子表达的是彼此对于彼此的感情的诚意，对于心的人橘子是内心情感的表白和寄托，对于即将分离的人来说橘子则是一种永不改变的约定，一种诚心诚意的内心的独白和对未来的双飞的期待。
                        </li>
                        <li>
                            <strong>人生哲理:</strong>橘子虽为水果，但她成熟的颜色让人觉得不招摇，很低调，很温和，这种暖色，留给人的心情也是淡淡的柔和，没有杂念的，最重要的，这也是一种收获，一种喜悦，一种成果，一种经历的标志。枫红橘黄的时候，橘子也正是熟的时候，因此橘子相比其它的水果更显一看真诚，一种情至深处的释放和对美好爱情的向往追求。
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
<!-- 样式区域 -->
<style>
    .page {
        /* display: flex; */
        background-color: #faf7ef;

    }

    /* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
    /* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
    @font-face {
        font-family: "Thin";
        src: url("./assert/font/lcpN4rU8LZcQ/hqNB0HSXIaJL.woff2") format("woff2"),
            url("./assert/font/lcpN4rU8LZcQ/hqNB0HSXIaJL.woff") format("woff");
        /* src: url("./assert/font/4q8TlRenPQls/PHqPuFNhSOqo.woff2") format("woff2"), */
        /* url("./assert/font/4q8TlRenPQls/PHqPuFNhSOqo.woff") format("woff"); */
        font-display: swap;
    }

    /* webSite/assert/font/lcpN4rU8LZcQ/hqNB0HSXIaJL.woff */
    /* webSite/assert/font/uGFLnLcckjCC/Z1eaFFZZPDjN.woff */
    .content {
        background: url(./assert/img/bg3.png) no-repeat center;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .content .content-container {
        height: 100%;
        width: 70%;
        /* background-color: pink !important; */

    }

    .content .img {
        height: 42%;
        width: 100%;
        /* justify-content: center;
        align-items: center;
        display: flex; */
    }

    .content .img .imgContainer {
        height: 100%;
        width: 40%;
    }

    .content .img .imgContainer img {
        height: 100%;
        width: 100%;
    }

    .content .txt {
        height: 58%;
        width: 100%;
        /* background-color: palevioletred; */
        margin-top: 6px;
    }

    .txt {
        font-family: Arial, sans-serif;
        color: #333;
        /* 文字颜色 */
        padding-top: 30px;
    }

    .txt h2 {
        margin-top: 1%;
        font-size: 28px;
        /* 主标题字体大小 */
        color: #FF6600;
        /* 主标题颜色 */
    }

    .txt h3 {
        font-size: 24px;
        /* 副标题字体大小 */
        color: #CC3300;
        /* 副标题颜色 */
    }

    .txt p {
        font-size: 20px;
        /* 段落字体大小 */
        color: #555;
        /* 段落颜色 */
        padding-top: 10px;
    }

    .txt ul {
        font-size: 20px;
        /* 列表字体大小 */
        color: #444;
        /* 列表颜色 */
        padding-top: 10px;
    }

    .txt ul li {
        padding-top: 10px;
    }
</style>

</html>